<template>
    <el-dialog v-model="show" title="坏账历史记录" width="35%" align-center @close="handleClose">
        <el-table :data="props.initList" style="width: 100%">
            <el-table-column prop="createTime" label="新增坏账日期" />
            <el-table-column prop="payer" label="付款方名称" />
            <el-table-column prop="totalAmount" label="总订单金额" />
            <el-table-column prop="reconciliationAmount" label="对账金额" />
            <el-table-column prop="badDebtAmount" label="坏账金额" />
            <el-table-column prop="createByName" label="操作人" />
        </el-table>
        <template #footer>
            <div class="dialog-footer">
                <el-button type="primary" @click="handleClose">确 定</el-button>
            </div>
        </template>
    </el-dialog>
</template>
<script setup lang="ts">
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const props = defineProps(['visible', 'initList']);
const emits = defineEmits(['submit', 'close']);

const show = ref(false);

watch(() => props.visible, async (newValue) => {
    show.value = newValue
    if (newValue) {
    }
}, { deep: true });

const handleClose = () => {
    emits('close');
};

onMounted(() => {
})
</script>

<style lang="scss" scoped></style>